<template>
  <div class="content">
  <el-tabs v-model="activeName2" type="card">
    <el-form label-width="">
        <el-table :data="curriculumListData" border fit highlight-current-row style="width: 100%">
          <el-table-column align="center" label="资料分类" prop="name">
          </el-table-column>
          <el-table-column align="center" label="资料名称" prop="appModel.name">
          </el-table-column>
        </el-table>
        <div class="table-list">
          <div class="table-list-text">
            <p>文件上传</p>
          </div>
          <div class="table-list-content">
            <p id="attachment.title"></p>
          </div>
        </div>
      </el-form>
    </el-tabs>
  </div>
</template>

<script>
// import tabPane from '@/components/tabPane'
import axios from 'axios'
import api from "@/api/upload";
import { Message } from 'element-ui'
export default {
    data() {
      return {
        activeName2: 'first',
        list: [{
        mm: {
          nn: "mmmmm",
          kk: "3423",
          dd: "2323"
        },
        ii: "888"
      }],
      materialData: [],
      curriculumListData: [],
      demo: {
        name: ""
      },
      appsData: []
      }
    },
    mounted(){
      this.curriculumList()
    },
    methods: {
      curriculumList() {
        api.materialIdShow(this.$route.query.oid).then(response => {
          console.log(response)
          this.curriculumListData.push(response)
          document.getElementById('attachment.title').innerHTML = response.attachment.title
        })
      }
    }
  }
</script>

<style scoped>
  .tab-container{
    margin: 30px;
  }
  .content {
    margin-left: 30px;
    margin-top: 30px;
  }
  .table-list {
    width: 100%;
    border: 1px solid #ebeef5;
    overflow: hidden;
  }
  .table-list-text {
    width: 50%;
    text-align: center;
    float: left;
    border-right: 1px solid #ebeef5;
  }
  .table-list-content {
    width: 50%;
    text-align: center;
    float: left;
  }
</style>
